<template>
	<view>
		<view v-html="vdata.content"></view>
	</view>
</template>

<script setup>
import { ref, reactive } from 'vue'
import { $getTreaty } from '@/http/apiManager.js'
import { onLoad } from '@dcloudio/uni-app'
import { nextTick } from 'vue';

let vdata = reactive({
  content: '',
})
onLoad(() => {
  $getTreaty().then(({ bizData }) => {
    vdata.content = bizData.privacyPolicy 
  })
})
</script>
<style lang="scss" scoped>
.content {
  box-sizing: border-box;
  padding: 0 50rpx;
  .first-title {
    text {
      font-size: 33rpx;
    }
  }
  .first-title,
  .second-title {
    margin-bottom: 20rpx;
    text {
      font-weight: 700;
      letter-spacing: 0.07em;
    }
  }
  .second-title {
    text {
      font-size: 28rpx;
    }
  }
  .paragraph {
    margin-bottom: 50rpx;
    text {
      font-weight: 500;
      font-size: 25rpx;
      letter-spacing: 0.07em;
      line-height: 50rpx;
    }
    .link {
      color: #175be6;
    }
  }
  .three-item {
    .item-text {
      margin-bottom: 30rpx;
      text {
        font-weight: 500;
        font-size: 25rpx;
      }
    }
  }
}
</style>
